 <template>
	<view class="component flex-row-center">
		<image class="phone" src="/static/contact-phone.png" mode=""></image>
		<text>{{phone}}</text>
		<image class="right" src="../../../static/personal/right.png" mode=""></image>
	</view>
</template>

<script>
	export default {
		props:{
			phone:{
				type:String,
				default:""
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.component {
		padding: 30rpx 40rpx;
	}
	.phone {
		width: 40rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
	text {
		font-size: 28rpx;
		font-weight: $Semibold;
		color: #3B54DA;
	}
	.right {
		width: 10rpx;
		height: 20rpx;
		margin-left: auto;
	}
</style>
